<template>
  <div id="detail">
    <Header goback="true" headerTitle="余额问题"></Header>
    <div class="details-content paddingTop">
      <div class="detail-list">
        <h1>
          ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp
        </h1>
        <p>
          ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp
        </p>
      </div>
    </div>
  </div>
</template>

<script>
import Header from "../../../components/header/header";
export default {
  data() {
    return {};
  },
  components: {
    Header,
  },
};
</script>

<style lang="scss" scoped>
@import "../../../style/mixin";
#detail {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 230;
  @include wh(100%, 100%);
  background: #f2f2f2;
}
.detail-list {
  padding: 0.3rem;
}
//问题
h1 {
  width: 100%;
  white-space: normal;
  @include sc(0.75rem, black);
  font-weight: 500;
  //解决数字和字母不会自动换行问题(默认normal)
  word-wrap: break-word;
  margin-top: 0.5rem;
}
//回答
p {
  width: 100%;
  @include sc(0.6rem, #666666);
  word-wrap: break-word;
  font-weight: 500;
  margin-top: 0.5rem;
}
</style>
